	// 单行省略
	@mixin ell-line {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
	}

	// 多行省略
	@mixin ell-mline($line: 2) {
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: $line;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}
	
	// 垂直居中
	@mixin vertical-center {
	  display: flex;
	  align-items: center;
	}
	
	// 水平垂直居中(定位版)
	
	@mixin center-position {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	}
	
	// 水平垂直居中(flex版)
	@mixin box-center() {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}